/* ***************************** */
/* Definicoes para o html basico */
/* ***************************** */
body {
/*    margin: 1%;
    background: url('../images/bg.png') repeat;*/
    background: #232B2B;
}

p {
    font-family: sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: inherit;
    font-weight: normal;
    color: #000000;
    background-color: inherit;
}

div {
    display: block;
}

/* ********************************** */
/* Definicoes para o layout principal */
/* ********************************** */

div.principal {
    padding: 2%;
    margin: 5%;
    background-color: #FFFFFF;
    /* border: solid black 1px; /* borda para visualizacao remover depois de pronto */
}

/* BANNER */
div.principal div.banner {
    background-color: #232B2B;
    /* border: solid black 2px; */
    min-height: 70px;
}

div.principal div.banner div.logo {
    width: 59%;
    float: left;
    min-height: 70px;
    margin-top: 10px;
    margin-left: 30px;
/*    width: 50%;
    float: left; */
}
div.principal div.banner div.logo a {
    color: #E3AE57;
    font-size: 40px;
    font-weight: bold;
    font-style: inherit;
    text-decoration: none;
    padding-top: 10px;
}
div.principal div.banner div.logo img {
    width: 100%;
}

/* PESQUISA */
div.principal div.banner div.pesquisa {
    text-align: right;
}

div.principal div.banner div.pesquisa input.input-texto {
    width: 200px;
    height: 25px;
}

div.principal div.banner div.pesquisa img {
    width: 25px;
    height: 25px;
}

/* MENU ADMINISTRACAO */
div.principal div.banner div.admin {
    background-color: #232B2B;
    width: 37%;
    float: left;
    padding-top: 8px;
}

div.principal div.banner div.admin ul.lista {
    padding:0px;
    margin:0px;
    text-align: right;
    list-style:none;
}

div.principal div.banner div.admin ul.lista li.item {
    display: inline;
    margin-right: 30px;
}

div.principal div.banner div.admin ul.lista li.item a {
    text-decoration: none;
    background-color: #DC3D24;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    padding: 2px;
}

div.principal div.banner div.admin ul.lista li.item a:hover {
    background-color:#F0F0F0;
    color: #BA1B02;
}

/* MENU PRINCIPAL */
div.principal div.menu {
    background-color: #232B2B;
    width: 100%;
    min-height: 50px;
    padding-top: 10px;
    /* clear: both; */
}

div.principal div.menu ul.lista {
    padding:0px;
    margin:0px;
    text-align: center;
    list-style:none;
}

div.principal div.menu ul.lista li.item {
    display: inline;
    padding-right: 30px;
}

div.principal div.menu ul.lista li.item a {
    text-decoration: none;
    padding: 5px;
    background-color: #DC3D24;
    color: #FFFFFF;
    font-size: 30px;
    font-weight: bold;
}

div.principal div.menu ul.lista li.item a:hover {
    background-color:#F0F0F0;
    color: #BA1B02;
}

/* CONTEUDO */
div.principal div.conteudo {
    background-color: #FFFFFF;
    margin-top: 10px;
    height: 100%;
    min-height: 640px;
    clear: both;
}

div.principal div.conteudo a.submenu {
    background-color: #E3AE57;
    color: #232B2B;
    text-decoration: none;
}
div.principal div.conteudo a.submenu:hover {
    background-color: #232B2B;
    color: #E3AE57;
    text-decoration: underline;
}

/* RODAPE */
div.principal div.rodape {
    /* background-color: #015623; */
    padding: 1%;
    clear: both;
    border: 2px solid #232B2B;
}

div.principal div.rodape ul.lista {
    padding:0px;
    margin:0px;
    text-align: center;
    list-style:none;
}

div.principal div.rodape ul.lista li.item {
    display: inline;
    padding-right: 20px;
}

div.principal div.rodape img {
    height: 47px;   /* 70 */
    width: 90px;    /* 150 */
}

/* PARAGRAFO */
p.titulo {
    font-family: sans-serif;
    font-size: 20px;
    font-style: normal;
    font-variant: inherit;
    font-weight: bold;
    color: #E3AE57;
    background-color: #232B2B;
    text-align: center;
}

p.texto {
    font-family: sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: inherit;
    font-weight: normal;
    color: #654321;
    background-color: #123456 ;
}

/* *************************** */
/* Definicoes para as noticias */
/* *************************** */
fieldset.noticias {
    background: #232B2B; /* #50D07D; */
    margin-left: 7px;
    border: 2px solid #DC3D24; /* #044904; */
    width: 28%;
    margin-left: 20px;
    min-height: 570px;
    float: left;
    color: #FFFFFF;
}

fieldset.noticias .n-updates {

}

fieldset.noticias .n-eventos {

}

fieldset.noticias .n-redes {

}
.noticias-legenda {
    background: #232B2B; /* #044904; */
    padding: 0.2em 0.5em;
    border: 2px solid #DC3D24; /* #044904; */
    color: #E3AE57; /* #FFFFFF; */
    font-weight: bold;
}

fieldset.noticias div.aviso {
    min-height: 60px;
    max-width: 95%;
    background: #FFFFFF;
    border: 2px #E3AE57 solid;
    margin-bottom: 10px;
}

fieldset.noticias div.aviso .aviso-titulo {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    background: #E3AE57;
}

fieldset.noticias div.aviso .aviso-conteudo {
    font-size: 14px;
    color: #000000;
}
/* ************************** */
/* Definicoes para os eventos */
/* ************************** */
fieldset.eventos {
    margin-left: 13px;
    border: 2px solid #DC3D24;
    width: 29%;
    min-height: 200px;
    overflow: auto;
    /*height: 200px;*/
    /*max-height: 100px;*/
    margin-bottom: 10px;
    float: left;
    color: #FFFFFF;
    background: #232B2B;
}

fieldset.eventos .ativos {

}

fieldset.eventos .passados {

}
.eventos-legenda {
    border: 1px solid steelblue;
    color: #E3AE57;
}

.eventos-banner {
    width: 100%;
    min-height: 80px;
    height: 80px;
    background: url('../images/bg.png') repeat;
}

.eventos-dados {
    min-height: 70px;
    max-height: 70px;
}

.eventos-dados .dados-titulo {
    color: #E3AE57;
    font-weight: bold;
}

.eventos-dados .dados-texto {
    color: #FFFFFF;
}
.eventos-dados .dados-texto a {
    color: #FFFFFF;
}
.eventos-dados .dados-texto a:hover {
    color: #DC3D24;
}

/* ***************************** */
/* Definicoes para a comunicacao */
/* ***************************** */



/* ************************** */
/* Definicoes para o cadastro */
/* ************************** */


/* *********************** */
/* Definicoes para o login */
/* *********************** */
.obrigatorio {
    color: red;
}
.errorMessage {
    margin-left: 30px;
    color: red;
}
/* *************************** */
/* Definicoes para formularios */
/* *************************** */
div.form {
    background: #232B2B; /* #50D07D; */
    margin-left: 7px;
    border: 2px solid #DC3D24; /* #044904; */
    margin-left: 36%;
    height: auto;
    width: auto;
    float: left;
    padding: 30px;
    color: #FFFFFF;
    text-align: left;
}

.botao {
    padding: 4px;
    font-weight: bold;
    background: #FFFFFF;
    margin-left: 40%;
}

.row  label {
    margin-left: 30px;
    margin-right: 30px;
}

div.form p{
    color: #FFFFFF;
}

div.form p.note{
    color: #DADA7C;
}

div.form p.hint{
    color: #929292;
    margin-left: 30px;
    margin-right: 30px;
}

input.obrigatorio {
    width: 220px;
    margin-left: 30px;
    margin-right: 30px;
}
textarea.obrigatorio {
    width: 220px;
    margin-left: 30px;
    margin-right: 30px;
    resize: none;
}